<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <style>
        .drop-down1:hover,
        .drop-down1:active {
            overflow: hidden;
            height: 135px;
        }

        .drop-down1 {
            overflow: hidden;
            height: 30px;
            text-align: center;
        }

        .navigation-bar-font {
            font-size: 15px;
            color: #fff9ec;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }

        .head-div1 {
            width: 100%;
            min-height: 120px;
            background: #272831;
            display: inline-block;
            position: sticky;
            top: 0px;
        }

        .logo {
            float: left;
            height: 50px;
            margin-left: 35px;
            margin-top: 15px;
        }

        .ul1>ul>li {
            display: block;
            color: #fff;
            font-size: 21px;
            margin-right: 30px;
            float: right;
            margin-top: 30px;
        }


        .company {
            height: 40px;
            background-color: #ffc900;
            text-align: center;
            line-height: 40px;
            font-size: 8px;
        }

        .row .img-responsive {
            width: 100%;
            height: 130px;
            margin: 0px auto;
        }

        /* 搜索框左侧图片 */
        .col-md-3 .img-responsive {
            height: 60px;
        }

        .col-md-4 .img-responsive {
            height: 60px;
            width: 250px;
        }


        .company {
            height: 320px;
            background-color: #272831;
            line-height: 40px;
            font-size: 8px;
        }

        .row .img-responsive {
            width: 100%;
            height: 130px;
            margin: 0px auto;
        }

        /* 搜索框左侧图片 */
        .col-md-3 .img-responsive {
            height: 60px;
        }

        .col-md-4 .img-responsive {
            height: 60px;
            width: 250px;
        }

        .d {
            padding-top: 30px;
            height: 700px;
        }

        .slideshow1 {
            margin-top: 100px;
            height: 700px;
        }

        .know {
            padding-top: 40px;
        }

        .know1 {
            padding-top: 20px;
        }

        .know2 {
            padding-top: 60px;
        }

        .e {
            position: relative;
            left: 340px;
            margin: 10px;
            display: inline-block;
            width: 260px;
            height: 600px;
        }

        .f {
            position: absolute;
            display: block;
            margin: 0 auto;
            width: 260px;
            height: 420px;
        }


        .underground {
            margin-left: 340px;
            width: 850px;
            height: 300px;
            color: white;
        }

        .underground-1 {

            border-bottom: solid 1px #3d3d47;
            line-height: 60px;
            height: 60px;
            width: 850px;
            color: white;
        }

        .underground1 {
            display: inline-block;
            line-height: 60px;
            height: 60px;
            width: 120px;
            font-size: 14px;
            letter-spacing: 1.07px;
            color: white;
        }


        .underground2 {

            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 100px;
            float: left;
        }

        .div4 {
            float: left;
            margin-top: 15px;
            height: 30px;
            width: 5px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground3 {
            float: left;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 250px;
        }

        .underground4 {
            float: right;
            margin: 0;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground5 {
            margin-right: 20px;
            float: right;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground6 {
            margin-right: 20px;
            float: right;
            width: 26px;
            height: 55px;
            line-height: 55px;
        }

        .underground7 {

            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground8 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground9 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground10 {
            margin-left: 3px;
        }


        * {
            margin: 0;
            padding: 0;
        }


        .footer .foot-nav {
            padding-bottom: 24px;
            border-bottom: 1px solid #3d3d47;
        }

        .foot-nav>ul>li {
            font-family: Arial, '微软雅黑', 'Microsoft YaHei';
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            float: left;
            width: 120px;
            text-align: center;
        }

        /*  */
        ul,
        li {
            list-style: none;
        }

        .foot-nav>ul>li>ul>li {
            font-size: 12px;
            color: #7e808a;
        }

        * {
            margin: 0;
            padding: 0;
        }

        .foot-nav>ul>li>ul {
            padding-top: 10px;
        }

        .div2 {
            height: 210px;
            border-bottom: 1px solid #3d3d47;
        }

        .div1 {
            height: 210px;
            width: 850px;
        }

        .div3 {
            height: 30px;

        }

        .a1 {

            font-size: 12px;
            color: #7E808A;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }

        .a2 {
            width: 60px;
            font-size: 12px;
            color: #000000;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
            margin: auto;
        }


        .a1:hover,
        .a1:active {
            text-decoration: none;
            color: #D1DCE2;
        }

        .run {
            height: 300px;
            width: 850px;
            margin: auto;
        }

        .run1 {
            text-align: center;
            height: 80px;
            margin: auto;
            width: 850px;
            padding-top: 20px;

        }

        .run2 {
            text-align: center;
            height: 20px;
            margin: auto;
            width: 850px;
            padding-top: 40px;

        }

        .icon1 {
            float: left;
            margin: auto;
            width: 170px;
            height: 80px;
        }

        .icon2 {
            float: left;
            margin: auto;
            width: 170px;
            height: 80px;

        }

        .icon3 {
            float: left;
            margin: auto;
            width: 170px;
            height: 80px;

        }

        .icon4 {
            float: left;
            margin: auto;
            width: 170px;
            height: 80px;

        }

        .icon5 {
            float: left;
            margin: auto;
            width: 170px;
            height: 80px;

        }
    </style>
</head>

<body>
    <header>
        <div class="head-div1">
            <div class="head-div2">
                <img th:src="@{/layui/picture/logo.png}" alt="" class="logo">

                <div class="ul1">
                    <ul>
                        <li class="drop-down1">管理员
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='overview.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/listhtml}">后台数据</a>

                                </li>

                                <li onclick="location.href='celebrity.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>

                                <li onclick="location.href='folk-custom.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">景区公告
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='Accommodation.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/one}">景区公告</a>

                                </li>
                                <li onclick="location.href='cate.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='add.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='entertainment.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">文化活动
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/culture}">文化活动</a>
                                </li>
                                <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='broadcast.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">红旅商城
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='video.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/shopping}">红旅商城</a>
                                </li>
                                <li onclick="location.href='picture.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='fell.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">特色美食
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='one.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/cate}">特色美食</a>
                                </li>
                                <li onclick="location.href='two.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='three.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">景区概述
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='sev.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/overview}">景区概述</a>
                                </li>
                                <li onclick="location.href='eig.html'" style=" cursor:pointer;">
                                    XXX
                                </li>
                                <li onclick="location.href='nin.html'" style=" cursor:pointer;">
                                    XXX
                                </li>
                            </ul>
                        </li>
                        <li>|</li>
                        <li class="drop-down1">首页
                            <ul class="navigation-bar-font">
                                <li onclick="location.href='HomePage.html'" style=" cursor:pointer;">
                                    <a th:href="@{/user/HomePage}">用户首页</a>

                                </li>
                                <li onclick="location.href='fif.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                                <li onclick="location.href='six.html'" style=" cursor:pointer;">
                                    XXXX
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--轮播图-->
    <div class="slideshow1">
        <h1 align="center">你记忆里的古城</h1>
        <div class="row">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img th:src="@{/layui/picture/轮播图1.jpg}" alt="..."
                            style="height: 400px;width: 60%;margin: 20px auto; padding-top: 20px">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img th:src="@{/layui/picture/轮播图2.jpg}" alt="..." style="height: 400px;width: 60%;margin: 20px auto;">
                        <div class="carousel-caption">s
                        </div>
                    </div>
                    <div class="item">
                        <img th:src="@{/layui/picture/轮播图3.jpg}" alt="..." style="height: 400px;width: 60%;margin: 20px auto;">
                        <div class="carousel-caption">
                        </div>
                    </div>
                    <div class="item">
                        <img th:src="@{/layui/picture/轮播图4.jpg}" alt="..." style="height: 400px;width: 60%;margin: 20px auto;">
                        <div class="carousel-caption">
                        </div>
                    </div>
                </div>
            </div>
            <p class="text-muted" align="center">虎邱镇位于安溪县的西南部，距离安溪县城24公里、厦门80公里、泉州75公里、漳州110公里，东连官桥、龙门，西邻西坪、龙涓，</p>
        </div>
        <p class="text-muted" align="center">北接尚卿、蓬莱，南与大坪乡、漳州市长泰县的枫洋村交界，下辖18个村、一个林场。</p>
        <div class="know">
            <a class="a2" href="">了解更多</a>
        </div>
    </div>
    <h1 align="center">数字红旅</h1>
    <!--三图-->
    <div class="d">
        <div class="e">
            <div class="f">
                <img th:src="@{/layui/picture/login1.jpg}" alt="" style="width: 260px;height:420px;">
                <h3 align="center">度假</h3>
                <p class="text-muted" align="center">在安溪这里颇有“草木光阴伴茶心，人间清境自欢喜的意境”茶的乐园，等你来探寻。</p>
                <div class="know">
                    <a class="a2">了解更多</a>
                </div>
            </div>
        </div>
        <div class="e">
            <div class="f">
                <img th:src="@{/layui/picture/login2.jpg}" alt="" style="width: 260px;height:420px;">
                <h3 align="center">文化</h3>
                <p class="text-muted" align="center">山河远阔 人间烟火 传统碰撞现代，安溪的烟火味尽在时光里，来这短暂逃离，享受古城的美好吧</p>
                <div class="know1">
                    <a class="a2">了解更多</a>
                </div>
            </div>
        </div>
        <div class="e">
            <div class="f">
                <img th:src="@{/layui/picture/login3.jpg}" alt="" style="width: 260px;height:420px;">
                <h3 align="center">城市名片</h3>
                <p class="text-muted" align="center">打造城市印记，助力发展，你我同行</p>
                <div class="know2">
                    <a class="a2">了解更多</a>
                </div>
            </div>

        </div>


    </div>

    <!--出行部分-->
    <div class="run">
        <h1 style="text-align: center">出行锦囊</h1>
        <div class="run1">
            <div class="icon1">
                <img th:src="@{/layui/picture/景区.svg}" style="height: 80px; width: 50px; margin: auto; text-align: center"
                    alt="图片加载错误">
            </div>
            <div class="icon2">
                <img th:src="@{/layui/picture/书.svg}" style="height: 80px; width: 50px;" alt="图片加载错误">
            </div>
            <div class="icon3">
                <img th:src="@{/layui/picture/票.svg}" style="height: 80px; width: 50px;" alt="图片加载错误">
            </div>
            <div class="icon4">
                <img th:src="@{/layui/picture/电话.svg}" style="height: 80px; width: 50px;" alt="图片加载错误">
            </div>
            <div class="icon5">
                <img th:src="@{/layui/picture/交通.svg}" style="height: 80px; width: 50px;" alt="图片加载错误">
            </div>
        </div>
        <div class="run2">
            <div style="width: 170px ; float: left">
                <span>景区交通</span>
            </div>
            <div style="width: 170px ; float: left">
                <span>游记攻略</span>
            </div>
            <div style="width: 170px ; float: left">
                <span>票务信息</span>
            </div>
            <div style="width: 170px ; float: left">
                <span>常用电话</span>
            </div>
            <div style="width: 170px ; float: left">
                <span>周边交通</span>
            </div>
        </div>
    </div>

    <!--3.页脚部分-->
    <footer class="container-fluid">
        <!-- <div class="row">
<img src="" class="img-responsive">
</div> -->

        <div class="row company" style="font-size: 10px;">
            <div class="underground">
                <!--    尾部首行-->
                <div class="underground-1">

                    <span class="underground1">
                        关于我们
                    </span>
                    <span class="underground2">
                        18759622000
                    </span>
                    <div class="div4"></div>
                    <span class="underground3">
                        福建省泉州市晋江市数字红旅有限公司
                    </span>
                    <img th:src="@{/layui/picture/微信.svg}" class="underground4">
                    <img th:src="@{/layui/picture/微博.svg}" class="underground5">
                    <img th:src="@{/layui/picture/旅行.svg}" class="underground6">

                </div>
                <!--            分栏-->
                <div class="div2">
                    <div class="div1">
                        <div class="foot-nav">
                            <ul class="cl">
                                <li>地方之旅
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="overview.html">概述</a>
                                        <a class="a1" style="text-decoration: none" href="celebrity.html">名人</a>
                                        <a class="a1" style="text-decoration: none" href="folk-custom.html">民俗</a>
                                    </ul>
                                </li>
                                <li>玩乐技巧
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="Accommodation.html">住宿</a>
                                        <a class="a1" style="text-decoration: none" href="cate.html">美食</a>
                                        <a class="a1" style="text-decoration: none" href="add.html">商品</a>
                                        <a class="a1" style="text-decoration: none" href="entertainment.html">休闲娱乐</a>
                                    </ul>
                                </li>
                                <li>文化之城
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="culture.html">文化活动</a>
                                        <a class="a1" style="text-decoration: none" href="culture.html">直播</a>
                                        <a class="a1" style="text-decoration: none" href="broadcast.html">网红体验</a>
                                    </ul>
                                </li>
                                <li>我们的故事
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="video.html">影集</a>
                                        <a class="a1" style="text-decoration: none" href="picture.html">图集</a>
                                        <a class="a1" style="text-decoration: none" href="fell.html">体会</a>
                                    </ul>
                                </li>
                                <li>活动公告
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="one.html">景区公告</a>
                                        <a class="a1" style="text-decoration: none" href="two.html">景区活动</a>
                                        <a class="a1" style="text-decoration: none" href="three.html">新闻动态</a>
                                    </ul>
                                </li>
                                <li>出行锦囊
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="sev.html">游记攻略</a>
                                        <a class="a1" style="text-decoration: none" href="eig.html">服务</a>
                                        <a class="a1" style="text-decoration: none" href="nin.html">交通信息</a>
                                    </ul>
                                </li>
                                <li>服务优化
                                    <ul>
                                        <a class="a1" style="text-decoration: none" href="four.html">问题解答</a>
                                        <a class="a1" style="text-decoration: none" href="fif.html">宾客意见</a>
                                        <a class="a1" style="text-decoration: none" href="six.html">问卷调查</a>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="div3">
                    <span class="underground7">版权声明 </span>
                    <span class="underground8">网站地图 </span>
                    <span class="underground9">友情链接 </span>
                    <span class="underground10">媒体专区 </span>
                </div>
            </div>


        </div>

    </footer>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
        crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">

        </script>

</body>

</html>